<template>
  <header>
    <div class="lf">
      <a class="home" href="/">系统首页</a>
      <a href="/upload">上传资料</a>
	  <a href="javascript:void(0)" @click="$toastr.info('该功能正在研发中...')">积分商城</a>
    </div>
	
	<!-- 如果是登录页面不显示搜索框 -->
    <div id="search" v-if="!loginPage">
      <input type="text" name="name" placeholder="请输入要搜索的资源" autocomplete="off"/>
      <a class="search btn">搜索</a>
    </div>

    <div class="rf" v-if="!loginPage">
      <a href="/login">登录/注册</a>
	  <div class="email-info">消息中心
	    <b>99</b>
	    <ul class="email-list">
	      <li><a href="/message?type=official">官方<b>0</b></a></li>
	      <li><a href="/message?type=notify">通知<b>0</b></a></li>
	      <li><a href="/message?type=letter">私信<b>0</b></a></li>
	    </ul>
	  </div>
	  
	  <span class="current-user">
		  <img src="../assets/images/user.jpg" />
		  133****1234
		  <span class="top-menu">
			 <a class="info" href="/personal">个人中心</a>
			 <a class="order" href="/order">我的订单</a>
			 <a class="cols" href="/collect">我的收藏</a> 
			 <a class="exit" href="/logout">退出登录</a>
		  </span>
	  </span>
      
      
    </div>
  </header>
</template>

<script>
export default {
   props: {
	   loginPage: { // 是否是登录页面，如果是登录页面，则只展示左导航
		   type: Boolean ,
		   required: false, 
		   default : false 
	   }
   }
}
</script>
